<!--  -->
<template>
  <div :class="required ? 'requiredFormItem' : ''">
    <a-select :value="text" style="width: 120px" @change="handleChange" :disabled="pageType==='look'">
      <a-select-option :value="0"> 已完成 </a-select-option>
      <a-select-option :value="1"> 未完成 </a-select-option>
    </a-select>
  </div>
</template>

<script>
export default {
  name: 'EditableSelect',
  props: {
    text: String | Number,
    pageType: String,
    required: {
      type: Boolean,
      defalut: false
    }
  },
  data() {
    return {}
  },

  components: {},

  computed: {},

  created() {},

  mounted() {},

  methods: {
    handleChange(val) {
      this.$emit('change', val)
    }
  }
}
</script>
<style lang='less' scoped>
// /deep/.ant-select-selection {
//   border: none;
// }
</style>